<%--
  Created by IntelliJ IDEA.
  User: 柚木
  Date: 2022/12/28
  Time: 15:10
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/includePage.css">
    <link rel="stylesheet" href="css/myBookPage.css">
    <script src="https://kit.fontawesome.com/e91f25b25e.js" crossorigin="anonymous"></script>
    <title>图书管理系统-我的借阅</title>
</head>
<%@ include file="IncludePage.jsp"  %>

<div class="book-tables">
    <%--当前借阅--%>
    <div class="self-page-item" id="currentBorrow">
        <label class="item-label">→当前借阅</label>
        <table class="current-borrow-table">
            <tr>
                <th class="col0"></th>
                <th class="col1">序号</th>
                <th class="col2">书名</th>
                <th class="col3">作者</th>
                <th class="col4">借阅日期</th>
                <th class="col5">到期日期</th>
                <th class="col6">操作</th>
            </tr>
            <tr>
                <td><input type="checkBox"></td>
                <td>01</td>
                <td>《三体》</td>
                <td>刘慈欣</td>
                <td>2022.12.28</td>
                <td>2023.1.28</td>
                <td>
                    <button class="action-btn">归还</button>
                    <button class="action-btn">续借</button>
                </td>
            </tr>
            <tr>
                <td><input type="checkBox"></td>
                <td>03</td>
                <td>《人间词话》</td>
                <td>王国维</td>
                <td>2022.12.29</td>
                <td>2023.1.29</td>
                <td>
                    <button class="action-btn">归还</button>
                    <button class="action-btn">续借</button>
                </td>
            </tr>
            <tr>
                <td><input type="checkBox"></td>
                <td>02</td>
                <td>《解忧杂货店》</td>
                <td>东野圭吾</td>
                <td>2022.12.29</td>
                <td>2023.1.29</td>
                <td>
                    <button class="action-btn">归还</button>
                    <button class="action-btn">续借</button>
                </td>
            </tr>

        </table>
        <div class="select-btns">
            <button class="select-btn">归还</button>
            <button class="select-btn">续借</button>
        </div>
    </div>
    <%--历史借阅--%>
    <div class="self-page-item" id="historyBorrow">
        <label class="item-label">→历史借阅</label>
        <table class="history-borrow-table">
            <tr>
                <th class="col0"></th>
                <th class="col1">序号</th>
                <th class="col2">书名</th>
                <th class="col3">作者</th>
                <th class="col4">借阅日期</th>
                <th class="col5">归还日期</th>
                <th class="col6">操作</th>
            </tr>
            <tr>
                <td><input type="checkBox"></td>
                <td>01</td>
                <td>《你是那人间四月天》</td>
                <td>林徽因</td>
                <td>2022.10.11</td>
                <td>2022.10.18</td>
                <td>
                    <button class="action-btn">删除</button>
                    <button class="action-btn">续借</button>
                </td>
            </tr>
            <tr>
                <td><input type="checkBox"></td>
                <td>02</td>
                <td>《文化苦旅》</td>
                <td>余秋雨</td>
                <td>2022.11.11</td>
                <td>2022.11.28</td>
                <td>
                    <button class="action-btn">删除</button>
                    <button class="action-btn">续借</button>
                </td>
            </tr>
            <tr>
                <td><input type="checkBox"></td>
                <td>03</td>
                <td>《遇见未知的自己》</td>
                <td>张德芬</td>
                <td>2022.11.29</td>
                <td>2022.12.19</td>
                <td>
                    <button class="action-btn">删除</button>
                    <button class="action-btn">续借</button>
                </td>
            </tr>

        </table>
        <div class="select-btns">
            <button class="select-btn">删除</button>
            <button class="select-btn">续借</button>
        </div>

    </div>

</div>

</div>
<script src="js/includePage.js"></script>
<script src="js/myBook.js"></script>
</body>
</html>
